<!DOCTYPE html>
<html lang="en">
<head>
<!--:include("/admin/inc/head.html"){}  -->
<link rel="stylesheet" href="${root}assets/plugins/jquery-treetable/css/screen.css" />
<link rel="stylesheet" href="${root}assets/plugins/jquery-treetable/css/jquery.treetable.css" />
<link rel="stylesheet" href="${root}assets/plugins/jquery-treetable/css/jquery.treetable.theme.default.css" />
    </head>
<body class="fix-header card-no-border logo-center">
    <!-- ============================================================== -->
    <!-- Preloader - style you can find in spinners.css -->
    <!-- ============================================================== -->
    <div class="preloader">
        <svg class="circular" viewBox="25 25 50 50">
            <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> </svg>
    </div>
    <!-- ============================================================== -->
    <!-- Main wrapper - style you can find in pages.scss -->
    <!-- ============================================================== -->
    <div id="main-wrapper">
        <!--:include("/admin/inc/header.html"){}  -->
        <!--:include("/admin/inc/aside.html"){}  -->
        <div class="page-wrapper">
            <div class="container-fluid">
                <div class="row page-titles">
                    <div class="col-md-5 col-8 align-self-center">
                        <h3 class="text-themecolor m-b-0 m-t-0">系统管理</h3>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="javascript:void(0)">用户管理</a></li>
                            <li class="breadcrumb-item active">用户列表</li>
                        </ol>
                    </div>
                    <div class="col-md-7 col-4 align-self-center">
                        <div class="d-flex m-t-10 justify-content-end">
                            <div class="d-flex m-r-20 m-l-10 hidden-md-down">
                                <div class="chart-text m-r-10">
                                    <h6 class="m-b-0"><small>单位数量</small></h6>
                                    <h4 class="m-t-0 text-info">${units.~size!0}</h4></div>
                                <div class="spark-chart">
                                    <div id="monthchart"></div>
                                </div>
                            </div>
                            <div class="d-flex m-r-20 m-l-10 hidden-md-down">
                                <div class="chart-text m-r-10">
                                    <h6 class="m-b-0"><small>用户总数</small></h6>
                                    <h4 class="m-t-0 text-primary">1,356</h4></div>
                                <div class="spark-chart">
                                    <div id="lastmonthchart"></div>
                                </div>
                            </div>
                            <div class="">
                                <button class="right-side-toggle waves-effect waves-light btn-success btn btn-circle btn-sm pull-right m-l-10"><i class="ti-settings text-white"></i></button>
                            </div>
                        </div>
                    </div>
                </div>